var vm = new Vue({
    el: '#app',
    data: {
        Name: '', //保存输入框中的任务名称
        list: [

            //     { //保存新增的任务
            //     id: '1',
            //     text: '今天写1000行代码'
            // }, {
            //     id: '2',
            //     text: '今天写2000'
            // }
        ]
    },
    methods: {
        addlist() {
            //构建一个新的任务对象
            var obj = {
                id: this.list.length + 1,
                name: this.Name,
                status: false
            }
            this.list.push(obj); //添加到数组中
            this.Name = '';
        },
        changeStatus(item) {
            item.status = !item.status; //给当元素状态取反
        },
        deleted(index) {
            this.list.splice(index, 1);
        }
    },
    computed: {
        unfinsh() {
            var arr = this.list.filter((item) => {
                return item.status == false;
            })
            return arr.length;

        }
    }
})